<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>本地存储介绍</title>
</head>
<body>
<h3>本地存储介绍</h3>
<p>
    以前我们页面写的数据一刷新页面就没有了，是不是？ <br>
    随着互联网的快速发展，基于网页的应用越来越普遍，同时也变的越来越复杂， <br>
    为了满足各种各样的需求，会经常性在本地存储大量的数据，HTML5规范提出了相关解决方案。 <br>
    1、数据存储在 用户浏览器中 (相当于小型数据库)<br>
    2、设置、读取方便、甚至页面刷新不丢失数据 <br>
    3、容量较大，sessionStorage和localStorage约 5M 左右 <br>
    常见的使用场景： <br>
    https://todomvc.com/examples/vanilla-es6/ 页面刷新数据不丢失
</p>
<hr>

<h3>本地存储分类</h3>
<p>
    有二类: localStorage(重点) 和 sessionStorage
</p>
<p>
    sessionStorage 特性： <br>
    生命周期为关闭浏览器窗口 (区别) <br>
    在同一个窗口(页面)下数据可以共享 <br>
    以键值对的形式存储使用 <br>
    用法跟localStorage 基本相同
</p>
</body>
</html>